<template>
  <div>
    <el-breadcrumb separator>
      <el-breadcrumb-item class="line" :to="{ path: $route.path }">
        {{
        $route.meta.title
        }}
      </el-breadcrumb-item>
    </el-breadcrumb>
    <div id="u1466" class="" title="刷新">
      <!-- <a @click="shuaxin"> -->
      <el-button @click="shuaxin" size="medium">
        <!-- <div  @click="shuaxin" style="position:relative;">
            <img id="u1468_img" src="../../assets/sysMain/images/u71.png" />
            <img id="u1469_img" src="../../assets/sysMain/images/u72.png" />
        </div> -->
        <div  @click="shuaxin" style="position:absolute;left: 12px;font-size: 18px;top: 8px;" >
          <i class="el-icon-refresh"></i>
          </div>
        <div style="margin-left: 15px;">刷新</div>
      </el-button>
      <!-- <div id="u1466_text">
          <span>刷新</span>
      </div>-->
      <!-- </a> -->
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    shuaxin() {
      this.$router.go(0);
    }
  }
};
</script>
<style>
.el-breadcrumb {
  height: 30px;
  padding: 20px;
  border-radius: 4px;
  background-color: whitesmoke;
  font-size: 24px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.line {
  border-left: 3px solid #31c17b;
  padding-left: 10px;
}
a {
  color: black;
  text-decoration: none;
}
a:hover {
  color: blue;
}
#u1468_img {
  border-width: 0px;
  position: absolute;
  left: -8px;
  top: 2px;
  width: 15px;
  height: 13px;
}
#u1469_img {
  border-width: 0px;
  position: absolute;
     left: -4px;
    top: -2px;
  width: 15px;
  height: 13px;

}
#u1466 {
  border-width: 0px;
  position: absolute;
  right: 5%;
  top: 18px;
  width: 80px;
  height: 30px;
  font-size: 15px;
  text-align: right;
}
/* #u1466_text {
  border-width: 0px;
  position: absolute;
  left: 2px;
  padding-right: 10px;
  height: 30px;
  top: 8px;
  width: 63px;
  border: 1px solid black;
  word-wrap: break-word;
} */
</style>
